<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  
  <title>侯佳琦 前端</title>
  <link rel="stylesheet" href="./index.css">
  <script src="wired.js"></script>
</head>

<body>
  <div class="con">
    <div>
      <wired-card elevation="2">
        <ul>
          <li>
            姓名： 侯佳琦
          </li>
          <li>
            性别： 男
          </li>
          <li>
            职位： 前端开发
          </li>
        </ul>
      </wired-card>
      <h1>
         👈 简历
      </h1>
    </div>
    <div class="links">
      <wired-card elevation="3">
        主要技能熟悉程度： <br>
        <em class="desc">(注1: 假定对html熟悉程度为1, 纯个人主观tree new bee.)</em>  <br>
        <em class="desc">(注2: 篇幅有限，只写您关心的（没写的都比较菜))</em> 
        <br>
        <ul>
          <li>
            <strong>html</strong>
            <span>
              <wired-progress class="skill" value="100"></wired-progress>
            </span>
          </li>
          <li>
            <strong>css/less</strong>
            <span>
              <wired-progress class="skill progress-css" value="65"></wired-progress>
            </span>
          </li>
          <li>
            <strong>javascript</strong>
            <span>
              <wired-progress class="skill progress-javascript" value="70" class=""></wired-progress>
            </span>
          </li>
          <li>
            <strong>vue</strong>
            <span>
              <wired-progress class="skill progress-vue" value="70" class=""></wired-progress>
            </span>
          </li>
          <li>
            <strong>java</strong>
            <span>
              <wired-progress class="skill progress-java" value="50" class=""></wired-progress>
            </span>
          </li>
        </ul>
      </wired-card>
    </div>
    <div class="links">
      <wired-card elevation="3">
        <ul>
          <li>
            <strong>
              <a href="https://m.iuiga.com/" target="_blank">Iuiga m站</a>
            </strong>
            <span>服务器在新加坡， 国内访问略慢</span>
          </li>

          <li>
            <strong>
              <a href="https://github.com/Mammoth777" target="_blank">Github</a>
            </strong>
            <span>emmm...</span>
          </li>

          <li>
            <strong>
              <img src="./wechatQRCode.JPG" alt="wechat" class="wechatQrcode">
            </strong>
            <span>加我微信: <code>heke77</code></span>
          </li>

        </ul>
      </wired-card>
    </div>
  </div>
</body>

</html>